<template>
    <view  :style="row.css">
        <u-swiper :style="row.css_inner" @click="click" :list="banner" keyName="image" :height="height"></u-swiper>
    </view>
</template>

<script>
export default {
    props: {
        row: {
            type: Object,
            default: () => ({})
        },

        banner: {
            type: Array,
            default: () => []
        },
        height: {
            type: Number,
            default: 200
        },
    },
    mounted() {
        this.height = uni.getSystemInfoSync().windowWidth
    },

    methods: {
        click(e) {
            let row = this.banner[e]
            this.pageClick(row)
        },
    },
}
</script>
